<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>扩展运算符</title>
  </head>
  <body>
    <div>1</div>
    <div>4</div>
    <div>3</div>
    <div>6</div>
    <div>2</div>
    <div>5</div>
    <script type="text/javascript">
      // 扩展运算符可以将数组拆分成以逗号分隔的参数序列
      // let ary = ["a", "b", "c"];
      // ...ary // "a", "b", "c"
      // console.log(...ary)
      // console.log("a", "b", "c")
      let arr1 = [1, 2, 3];
      let arr2 = [4, 5, 6];
      console.log(...arr1, ...arr2);

      // 扩展运算符应用于数组合并
      // let ary1 = [1, 2, 3];
      // let ary2 = [4, 5, 6];
      // // ...ary1 // 1, 2, 3
      // // ...ary1 // 4, 5, 6
      // let ary3 = [...ary1, ...ary2];
      // console.log(ary3)
      //   let arr1 = [1, 2, 3];
      //   let arr2 = [4, 5, 6];
      //   // let arr3 = [...arr1,...arr2]
      //   // console.log(arr3);
      //   arr1.push(...arr2);
      //   console.log(arr1);

      // 合并数组的第二种方法
      // let ary1 = [1, 2, 3];
      // let ary2 = [4, 5, 6];

      // ary1.push(...ary2);
      // console.log(ary1)
      let arr3 = [1, 2, 3];
      let arr4 = [4, 5, 6];
      arr3.push(...arr4);
      console.log(arr3);
      // 利用扩展运算符将伪数组转换为真正的数组
      // var oDivs = document.getElementsByTagName('div');
      // console.log(oDivs)
      // var ary = [...oDivs];
      // ary.push('a');
      // console.log(ary);
      let star = document.querySelectorAll("div");
      console.log(star);
      var arr = [...star];
      arr.push("我嫩叠", "a", "b");
      console.log(arr);
    </script>
  </body>
</html>
